<!DOCTYPE html>
<html lang="en">

<head>
    <script>
        try {
            if (isindex) {
            }
        } catch (e) {
            window.location.href = "/index.html";
        }
    </script>
    <style>
        #addModal label,
        #editModal label {
            min-width: 96px;
        }

        .form-group {
            position: relative;
        }

        .invalid-feedback {
            position: absolute;
            left: 96px;
            top: 45px;
        }
    </style>
</head>

<body>
    <div>
        <div class="page-title align-items-center">
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a class="pointer" onclick="rollBack()">数据采集管理</a></li>
                    <li class="breadcrumb-item active" aria-current="page">数据类型列表</li>
                </ol>
            </nav>
        </div>
        <div class="main-content">
            <!-- <div class="filter-params">
                <div class="input-group input-group-lg medium-input mb-3">
                    <input type="text" class="form-control  search-kinds" placeholder="请输入关键词进行检索">
                    <button class="btn btn-primary" type="button" onclick="searchKeyword()">搜索</button>
                </div>
            </div> -->
            <div class="table-list">
                <div class="table-top">
                    <div class="table-title">数据类型列表</div>
                    <div class="table-btn-group">
                        <button type="button" class="btn btn-primary" onclick="addWebsiteType()">类型添加</button>
                    </div>
                </div>
                <div class="table_mark">
                    <table class="table table-hover mt-3">
                        <thead>
                            <tr>
                                <th scope="col">类型名称</th>
                                <th scope="col">esindex</th>
                                <th scope="col">estype</th>
                                <th scope="col">kafka_queue_name</th>
                                <th scope="col">bloomname</th>
                                <th scope="col">最后更新时间</th>
                                <th scope="col" class="center">操作</th>
                            </tr>
                        </thead>
                        <tbody class="table-content">

                        </tbody>
                    </table>
                    <div class="table_empty" style="display: none;">暂无数据</div>
                    <!-- 加载状态 遮罩层 -->
                    <div class="modal fade marklayer">
                        <div class="load_item">
                            <div class="spinner-border" role="status">
                                <span class="visually-hidden"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="pagination"></div>
            </div>
        </div>
        <div class="modal fade " id="addModal" tabindex="-1" aria-labelledby="addModalLabel" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">添加数据类型</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form class="row needs-validation website-type-form" novalidate onsubmit="return false;"
                        style="--bs-gutter-x:0">
                        <div class="modal-body">
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom01">类型名称：</label>
                                <input type="text" class="form-control type-name" id="validationCustom01" value=""
                                    placeholder="请输入类型名称(必填)" required>
                                <div class="invalid-feedback">
                                    类型名称不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom02">esindex：</label>
                                <input type="text" class="form-control esindex" id="validationCustom02" value=""
                                    placeholder="请输入esindex(必填)" required>
                                <div class="invalid-feedback">
                                    esindex不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom04">kafka_queue：</label>
                                <input type="text" class="form-control kafka-queue" id="validationCustom04" value=""
                                    placeholder="请输入kafka_queue(必填)" required>
                                <div class="invalid-feedback">
                                    kafka_queue不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom05">bloomname：</label>
                                <input type="text" class="form-control bloomname" id="validationCustom05" value=""
                                    placeholder="请输入bloomname(必填)" required>
                                <div class="invalid-feedback">
                                    bloomname不能为空
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">确定</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header" style="padding: 20px 20px 10px; border: none">
                        <div class="modal-title" id="stopTaskModalLabel" style="
                    line-height: 24px;
                    font-size: 18px;
                    color: #303133;
                  ">
                            提示
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form onsubmit="return false;">
                            <div class="form-group">
                                <div class="col-form-label" style="color: #606266; font-size: 14px">
                                    确定要删除吗？
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer" style="border: none">
                        <button type="button" class="btn btn-primary" onclick="submitDelete()">确定</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade " id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">修改类型名称</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form class="row needs-validation edit-website-type-form" novalidate onsubmit="return false;"
                        style="--bs-gutter-x:0">
                        <div class="modal-body">
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom06">类型名称：</label>
                                <input type="text" class="form-control new-type-name" id="validationCustom06" value=""
                                    placeholder="请输入类型名称(必填)" required>
                                <div class="invalid-feedback">
                                    类型名称不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom07">esindex：</label>
                                <input type="text" class="form-control new-esindex" id="validationCustom07" value=""
                                    placeholder="请输入esindex(必填)" required>
                                <div class="invalid-feedback">
                                    esindex不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom09">kafka_queue：</label>
                                <input type="text" class="form-control new-kafka-queue" id="validationCustom09" value=""
                                    placeholder="请输入kafka_queue(必填)" required>
                                <div class="invalid-feedback">
                                    kafka_queue不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom10">bloomname：</label>
                                <input type="text" class="form-control new-bloomname" id="validationCustom10" value=""
                                    placeholder="请输入bloomname(必填)" required>
                                <div class="invalid-feedback">
                                    bloomname不能为空
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">确定</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/intercept.js"></script>
    <script src="/js/dataCollect/dataKinds.js"></script>
</body>

</html>